﻿{% extends "blog/base.html" %}
{% load static %}

{% block title %}
网站相关
{% endblock title %}

{% block keywords %}SEO 关键字{% endblock keywords %}
{% block description %}SEO description{% endblock description %}

{% block article_div %}
<!--lbox begin-->
<div class="lbox">
  <div class="whitebg lanmu"> <img src="images/lm04.jpg">
    <h1>网页设计心得</h1>
    <p>个人博客用来做什么？我的个人博客网站它不仅仅是我个人兴趣和爱好，还是我创业的起点。我爱网页设计，我爱写前端代码。它充实了我的生活，实现了我的目标和梦想。</p>
  </div>
  <div class="zhuanti whitebg">
    <h2 class="htitle"><span class="hnav"><a href="/"
          target="_blank">更多</a></span>青青日记</h2>
    <ul>
      <li> <i class="ztpic"><a href="/" target="_blank"><img
              src="images/1.jpg"></a></i>
        <b>个人博客模板《今夕何夕》-响应式个人...</b><span>个人博客模板《今夕何夕》，宽屏响应式个人博客模板，采用冷色系为主，固定导航栏和侧边栏，无缝滚动图片...</span><a
          href target="_blank" class="readmore">文章阅读</a> </li>
      <li> <i class="ztpic"><a href="/" target="_blank"><img
              src="images/2.jpg"></a></i>
        <b>个人博客模板《今夕何夕》-响应式个人...</b><span>个人博客模板《今夕何夕》，宽屏响应式个人博客模板，采用冷色系为主，固定导航栏和侧边栏，无缝滚动图片...</span><a
          href target="_blank" class="readmore">文章阅读</a> </li>
      <li> <i class="ztpic"><a href="/" target="_blank"><img
              src="images/3.jpg"></a></i>
        <b>个人博客模板《今夕何夕》-响应式个人...</b><span>个人博客模板《今夕何夕》，宽屏响应式个人博客模板，采用冷色系为主，固定导航栏和侧边栏，无缝滚动图片...</span><a
          href target="_blank" class="readmore">文章阅读</a> </li>
      <li> <i class="ztpic"><a href="/" target="_blank"><img
              src="images/4.jpg"></a></i>
        <b>个人博客模板《今夕何夕》-响应式个人...</b><span>个人博客模板《今夕何夕》，宽屏响应式个人博客模板，采用冷色系为主，固定导航栏和侧边栏，无缝滚动图片...</span><a
          href target="_blank" class="readmore">文章阅读</a> </li>
      <li> <i class="ztpic"><a href="/" target="_blank"><img
              src="images/h2.jpg"></a></i>
        <b>个人博客模板《今夕何夕》-响应式个人...</b><span>个人博客模板《今夕何夕》，宽屏响应式个人博客模板，采用冷色系为主，固定导航栏和侧边栏，无缝滚动图片...</span><a
          href target="_blank" class="readmore">文章阅读</a> </li>
      <li> <i class="ztpic"><a href="/" target="_blank"><img
              src="images/h1.jpg"></a></i>
        <b>个人博客模板《今夕何夕》-响应式个人...</b><span>个人博客模板《今夕何夕》，宽屏响应式个人博客模板，采用冷色系为主，固定导航栏和侧边栏，无缝滚动图片...</span><a
          href target="_blank" class="readmore">文章阅读</a> </li>
    </ul>
  </div>
  <div class="zhuanti whitebg">
    <h2 class="htitle"><span class="hnav"><a href="/"
          target="_blank">更多</a></span>美文欣赏</h2>
    <ul>
      <li> <i class="ztpic"><a href="/" target="_blank"><img
              src="images/1.jpg"></a></i>
        <b>个人博客模板《今夕何夕》-响应式个人...</b><span>个人博客模板《今夕何夕》，宽屏响应式个人博客模板，采用冷色系为主，固定导航栏和侧边栏，无缝滚动图片...</span><a
          href target="_blank" class="readmore">文章阅读</a> </li>
      <li> <i class="ztpic"><a href="/" target="_blank"><img
              src="images/2.jpg"></a></i>
        <b>个人博客模板《今夕何夕》-响应式个人...</b><span>个人博客模板《今夕何夕》，宽屏响应式个人博客模板，采用冷色系为主，固定导航栏和侧边栏，无缝滚动图片...</span><a
          href target="_blank" class="readmore">文章阅读</a> </li>
      <li> <i class="ztpic"><a href="/" target="_blank"><img
              src="images/3.jpg"></a></i>
        <b>个人博客模板《今夕何夕》-响应式个人...</b><span>个人博客模板《今夕何夕》，宽屏响应式个人博客模板，采用冷色系为主，固定导航栏和侧边栏，无缝滚动图片...</span><a
          href target="_blank" class="readmore">文章阅读</a> </li>
      <li> <i class="ztpic"><a href="/" target="_blank"><img
              src="images/4.jpg"></a></i>
        <b>个人博客模板《今夕何夕》-响应式个人...</b><span>个人博客模板《今夕何夕》，宽屏响应式个人博客模板，采用冷色系为主，固定导航栏和侧边栏，无缝滚动图片...</span><a
          href target="_blank" class="readmore">文章阅读</a> </li>
      <li> <i class="ztpic"><a href="/" target="_blank"><img
              src="images/h2.jpg"></a></i>
        <b>个人博客模板《今夕何夕》-响应式个人...</b><span>个人博客模板《今夕何夕》，宽屏响应式个人博客模板，采用冷色系为主，固定导航栏和侧边栏，无缝滚动图片...</span><a
          href target="_blank" class="readmore">文章阅读</a> </li>
      <li> <i class="ztpic"><a href="/" target="_blank"><img
              src="images/h1.jpg"></a></i>
        <b>个人博客模板《今夕何夕》-响应式个人...</b><span>个人博客模板《今夕何夕》，宽屏响应式个人博客模板，采用冷色系为主，固定导航栏和侧边栏，无缝滚动图片...</span><a
          href target="_blank" class="readmore">文章阅读</a> </li>
    </ul>
  </div>
  <div class="zhuanti whitebg">
    <h2 class="htitle"><span class="hnav"><a href="/"
          target="_blank">更多</a></span>程序人生</h2>
    <ul>
      <li> <i class="ztpic"><a href="/" target="_blank"><img
              src="images/1.jpg"></a></i>
        <b>个人博客模板《今夕何夕》-响应式个人...</b><span>个人博客模板《今夕何夕》，宽屏响应式个人博客模板，采用冷色系为主，固定导航栏和侧边栏，无缝滚动图片...</span><a
          href target="_blank" class="readmore">文章阅读</a> </li>
      <li> <i class="ztpic"><a href="/" target="_blank"><img
              src="images/2.jpg"></a></i>
        <b>个人博客模板《今夕何夕》-响应式个人...</b><span>个人博客模板《今夕何夕》，宽屏响应式个人博客模板，采用冷色系为主，固定导航栏和侧边栏，无缝滚动图片...</span><a
          href target="_blank" class="readmore">文章阅读</a> </li>
      <li> <i class="ztpic"><a href="/" target="_blank"><img
              src="images/3.jpg"></a></i>
        <b>个人博客模板《今夕何夕》-响应式个人...</b><span>个人博客模板《今夕何夕》，宽屏响应式个人博客模板，采用冷色系为主，固定导航栏和侧边栏，无缝滚动图片...</span><a
          href target="_blank" class="readmore">文章阅读</a> </li>
      <li> <i class="ztpic"><a href="/" target="_blank"><img
              src="images/4.jpg"></a></i>
        <b>个人博客模板《今夕何夕》-响应式个人...</b><span>个人博客模板《今夕何夕》，宽屏响应式个人博客模板，采用冷色系为主，固定导航栏和侧边栏，无缝滚动图片...</span><a
          href target="_blank" class="readmore">文章阅读</a> </li>
      <li> <i class="ztpic"><a href="/" target="_blank"><img
              src="images/h2.jpg"></a></i>
        <b>个人博客模板《今夕何夕》-响应式个人...</b><span>个人博客模板《今夕何夕》，宽屏响应式个人博客模板，采用冷色系为主，固定导航栏和侧边栏，无缝滚动图片...</span><a
          href target="_blank" class="readmore">文章阅读</a> </li>
      <li> <i class="ztpic"><a href="/" target="_blank"><img
              src="images/h1.jpg"></a></i>
        <b>个人博客模板《今夕何夕》-响应式个人...</b><span>个人博客模板《今夕何夕》，宽屏响应式个人博客模板，采用冷色系为主，固定导航栏和侧边栏，无缝滚动图片...</span><a
          href target="_blank" class="readmore">文章阅读</a> </li>
    </ul>
  </div>
  <div class="zhuanti whitebg">
    <h2 class="htitle"><span class="hnav"><a href="/"
          target="_blank">更多</a></span>经典语录</h2>
    <ul>
      <li> <i class="ztpic"><a href="/" target="_blank"><img
              src="images/1.jpg"></a></i>
        <b>个人博客模板《今夕何夕》-响应式个人...</b><span>个人博客模板《今夕何夕》，宽屏响应式个人博客模板，采用冷色系为主，固定导航栏和侧边栏，无缝滚动图片...</span><a
          href target="_blank" class="readmore">文章阅读</a> </li>
      <li> <i class="ztpic"><a href="/" target="_blank"><img
              src="images/2.jpg"></a></i>
        <b>个人博客模板《今夕何夕》-响应式个人...</b><span>个人博客模板《今夕何夕》，宽屏响应式个人博客模板，采用冷色系为主，固定导航栏和侧边栏，无缝滚动图片...</span><a
          href target="_blank" class="readmore">文章阅读</a> </li>
      <li> <i class="ztpic"><a href="/" target="_blank"><img
              src="images/3.jpg"></a></i>
        <b>个人博客模板《今夕何夕》-响应式个人...</b><span>个人博客模板《今夕何夕》，宽屏响应式个人博客模板，采用冷色系为主，固定导航栏和侧边栏，无缝滚动图片...</span><a
          href target="_blank" class="readmore">文章阅读</a> </li>
      <li> <i class="ztpic"><a href="/" target="_blank"><img
              src="images/4.jpg"></a></i>
        <b>个人博客模板《今夕何夕》-响应式个人...</b><span>个人博客模板《今夕何夕》，宽屏响应式个人博客模板，采用冷色系为主，固定导航栏和侧边栏，无缝滚动图片...</span><a
          href target="_blank" class="readmore">文章阅读</a> </li>
      <li> <i class="ztpic"><a href="/" target="_blank"><img
              src="images/h2.jpg"></a></i>
        <b>个人博客模板《今夕何夕》-响应式个人...</b><span>个人博客模板《今夕何夕》，宽屏响应式个人博客模板，采用冷色系为主，固定导航栏和侧边栏，无缝滚动图片...</span><a
          href target="_blank" class="readmore">文章阅读</a> </li>
      <li> <i class="ztpic"><a href="/" target="_blank"><img
              src="images/h1.jpg"></a></i>
        <b>个人博客模板《今夕何夕》-响应式个人...</b><span>个人博客模板《今夕何夕》，宽屏响应式个人博客模板，采用冷色系为主，固定导航栏和侧边栏，无缝滚动图片...</span><a
          href target="_blank" class="readmore">文章阅读</a> </li>
    </ul>
  </div>

  <!--bloglist end-->
</div>
<div class="rbox">
  <div class="whitebg paihang">
    <h2 class="htitle">点击排行</h2>
    <section class="topnews imgscale"><a href="/"><img
          src="images/h1.jpg"><span>6条网页设计配色原则,让你秒变配色高手</span></a></section>
    <ul>
      <li><i></i><a href="/">十条设计原则教你学会如何设计网页布局!</a></li>
      <li><i></i><a href="/">用js+css3来写一个手机栏目导航</a></li>
      <li><i></i><a href="/">6条网页设计配色原则,让你秒变配色高手</a></li>
      <li><i></i><a href="/">三步实现滚动条触动css动画效果</a></li>
      <li><i></i><a href="/">个人博客，属于我的小世界！</a></li>
      <li><i></i><a href="/">安静地做一个爱设计的女子</a></li>
      <li><i></i><a href="/">个人网站做好了，百度不收录怎么办？来，看看他们怎么做的。</a></li>
      <li><i></i><a href="/">做个人博客如何用帝国cms美化留言增加头像选择</a></li>
    </ul>
  </div>
  <div class="whitebg tuijian">
    <h2 class="htitle">本栏推荐</h2>
    <section class="topnews imgscale"><a href="/"><img
          src="images/h2.jpg"><span>6条网页设计配色原则,让你秒变配色高手</span></a></section>
    <ul>
      <li><a href="/"><i><img src="images/text01.jpg"></i>
          <p>十条设计原则教你学会如何设计网页布局!</p>
        </a></li>
      <li><a href="/"><i><img src="images/text02.jpg"></i>
          <p>用js+css3来写一个手机栏目导航</p>
        </a></li>
      <li><a href="/"><i><img src="images/text03.jpg"></i>
          <p>6条网页设计配色原则,让你秒变配色高手</p>
        </a></li>
      <li><a href="/"><i><img src="images/text04.jpg"></i>
          <p>三步实现滚动条触动css动画效果</p>
        </a></li>
      <li><a href="/"><i><img src="images/text05.jpg"></i>
          <p>个人博客，属于我的小世界！</p>
        </a></li>
      <li><a href="/"><i><img src="images/text06.jpg"></i>
          <p>安静地做一个爱设计的女子</p>
        </a></li>
      <li><a href="/"><i><img src="images/text07.jpg"></i>
          <p>个人网站做好了，百度不收录怎么办？来，看看他们怎么做的。</p>
        </a></li>
    </ul>
  </div>
  <div class="ad whitebg imgscale">
    <ul>
      <a href="/"><img src="images/ad.jpg"></a>
    </ul>
  </div>
  <div class="whitebg cloud">
    <h2 class="htitle">标签云</h2>
    <ul>
      <a href target="_blank">个人博客模板</a> <a href target="_blank">css动画</a> <a
        href target="_blank">布局</a> <a href target="_blank">今夕何夕</a> <a href
        target="_blank">SEO</a> <a href target="_blank">女程序员</a> <a href
        target="_blank">小世界</a> <a href target="_blank">个人博客</a> <a href
        target="_blank">网页设计</a>
    </ul>
  </div>
  <div class="whitebg wenzi">
    <h2 class="htitle">猜你喜欢</h2>
    <ul>
      <li><a href="/">十条设计原则教你学会如何设计网页布局!</a></li>
      <li><a href="/">用js+css3来写一个手机栏目导航</a></li>
      <li><a href="/">6条网页设计配色原则,让你秒变配色高手</a></li>
      <li><a href="/">三步实现滚动条触动css动画效果</a></li>
      <li><a href="/">个人博客，属于我的小世界！</a></li>
      <li><a href="/">安静地做一个爱设计的女子</a></li>
      <li><a href="/">个人网站做好了，百度不收录怎么办？来，看看他们怎么做的。</a></li>
      <li><a href="/">做个人博客如何用帝国cms美化留言增加头像选择</a></li>
    </ul>
  </div>
  <div class="ad whitebg imgscale">
    <ul>
      <a href="/"><img src="images/ad02.jpg"></a>
    </ul>
  </div>
  <div class="whitebg tongji">
    <h2 class="htitle">站点信息</h2>
    <ul>
      <li><b>建站时间</b>：2018-10-24</li>
      <li><b>网站程序</b>：帝国cms</li>
      <li><b>主题模板</b>：<a href="#" target="_blank">《今夕何夕》</a></li>
      <li><b>文章统计</b>：299条</li>
      <li><b>文章评论</b>：490条</li>
      <li><b>统计数据</b>：<a href="/">百度统计</a></li>
    </ul>
  </div>
</div>
{% endblock article_div %}